import logo from '../../assets/images/logo.svg';
import {Counter} from '../../features/counter/Counter';
import './home.css';

export default function Home() {
    return (
        <div className="App">
            <header className="App-header">
                <img src={logo} className="App-logo" alt="logo"/>
                <Counter/>
                <p>
                    {/*Edit <code>src/App.js</code> and save to reload.*/}
                </p>
                <span>
          <span>Learn </span>
          <a
              className="App-link"
              href="https://reactjs.org/"
              target="_blank"
              rel="noopener noreferrer"
          >
            React
          </a>
          <span>, </span>
          <a
              className="App-link"
              href="https://redux.js.org/"
              target="_blank"
              rel="noopener noreferrer"
          >
            Redux
          </a>
          <span>, </span>
          <a
              className="App-link"
              href="https://redux-toolkit.js.org/"
              target="_blank"
              rel="noopener noreferrer"
          >
            Redux Toolkit
          </a>
          <span>, </span>
         <a
             className="App-link"
             href="https://react-redux.js.org/"
             target="_blank"
             rel="noopener noreferrer"
         >
            React Redux
          </a>
          ,<span> and </span>
          <a
              className="App-link"
              href="https://reactrouter.com/en/main"
              target="_blank"
              rel="noopener noreferrer"
          >
            React Router
          </a>
        </span>
            </header>
        </div>
    );
}
